<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>手机登录</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/check_code_login.css" />
	</head>
	<body>
		<!--引入头部-->
		<header></header>
		<div class="header_title">
			<img src="img/header/yhlogo.png" />
			<span>会员登录</span>
		</div>
		<div class="reg_container">
			<div id="msg_box">
				<h3>登录</h3>
				<img id="h3_right" src="img/register/phone.png" />
				<div>
					<input type="text" id="user_phone" name="user_phone" placeholder="请输入手机号" />
					<img src="img/register/check .png" />
				</div>
				<span></span>
				<div id="code_wrap">
					<div>
						<input type="text" id="user_code" placeholder="验证码" />
						<img src="img/register/check .png" />
					</div>
					<canvas id="myCanvas" width="79" height="35"></canvas>
					<a href="##" id="changeCode">看不清换一张</a>
				</div>
				<span></span>
				<div id="phone_code_wrap">
					<input type="text" id="phone_code" placeholder="手机验证码" />
					<input type="button" id="get_code" value="获取验证码"/>
					<span></span>
				</div>
				<span id="margin_less"></span>
				<input type="checkbox" id="check_inp" />
				<span id="read">自动登录</span>
				<a href="#">忘记密码</a>
				<span class="last_btn">
					<button id="login_btn">登录</button>
					<button id="register_btn">会员注册</button>
				</span>
				<img class="login_third" src="img/register/login_third.png" />
				<span class="cooper">
					<img src="img/register/we_chat.png"/>
					<img src="img/register/qq_login.png"/>
				</span>
			</div>
		</div>
		<footer></footer>
	</body>
	<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/check_code.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/check_code_login.js" type="text/javascript" charset="utf-8"></script>

</html>